/*
  主页模块
*/
// 调用接口获取用户基本信息
$(function () {
  function loadUserInfo () {
    $.ajax({
      type: 'get',
      url: 'my/userinfo',
      // headers: {
        // 请求头：用于把token携带给服务器，用于接口的权限验证
        // Authorization: sessionStorage.getItem('mytoken')
      // },
      success: function (res) {
        if (res.status === 0) {
          // 获取成功
          var userInfo = res.data
          // 把数据展示到页面中
          if (userInfo.user_pic) {
            // 存在头像，显示获取的头像信息
            $('#nav-info').html('<img src="'+userInfo.user_pic+'" alt="" /><div class="info">欢迎'+userInfo.username+'</div>')
            // 处理header中头像的展示
            $('#header-info')
              .find('img')
              .attr('src', userInfo.user_pic)
              // 回到上一次选择器选中的位置
              .end()
              .find('span')
              .text(userInfo.username)
          }
        }
      } 
    })
  }
  loadUserInfo()
  // 把局部函数暴露到全局
  window.loadUserInfo = loadUserInfo
  // 实现退出功能
  $('#logout-btn').click(function () {
    // 如何实现退出？删除本地缓存的token即可，然后再跳转到登录页
    layer.confirm('确认要退出吗?', {icon: 3, title:'提示'}, function(index){
      // 用户点击了确认按钮，然后出发该函数
      sessionStorage.removeItem('mytoken')
      location.href = './login.html'
      // 关闭弹出层
      layer.close(index)
    })
  })
})
